<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>C.2 DOM遍历方法 - jQuery快速参考</title>
<style type="text/css">
body { font-size:0.75em; }
table { width:99%; margin:0 auto; border-top:2px solid #000; border-bottom:2px solid #000; border-collapse:collapse; border-spacing:0; }
table th, table td { padding:0.4em 2em; }
table th { border-bottom:1px solid #000; }
</style>
</head>

<body>
<h3>jQuery快速参考（索引）</h3>
<ul>
  <li><a href="./jq_n1.html">C.1 选择符表达式</a></li>
  <li><a href="./jq_n2.html">C.2 DOM遍历方法</a></li>
  <li><a href="./jq_n3.html">C.3 事件方法</a></li>
  <li><a href="./jq_n4.html">C.4 效果方法</a></li>
  <li><a href="./jq_n5.html">C.5 DOM操作方法</a></li>
  <li><a href="./jq_n6.html">C.6 AJAX方法</a></li>
  <li><a href="./jq_n7.html">C.7 延迟方法</a></li>
  <li><a href="./jq_n8.html">C.8 其他方法</a></li>
</ul>
<hr />
<h1>jQuery快速参考</h1>
<h2>C.2 DOM遍历方法</h2>
<p>在使用$()创建了jQuery对象之后，通过调用下列DOM遍历方法，可以修改其中匹配的元素，以便将来操作。本书第2章讨论了DOM遍历方法。</p>
<h3>C.2.1 筛选元素</h3>
<table>
  <caption>
  表 C-7
  </caption>
  <tr>
    <th scope="col">遍历方法</th>
    <th scope="col">返回的jQuery对象中包含</th>
  </tr>
  <tr>
    <td>.filter(selector)</td>
    <td>与给定的选择符selector匹配的选中元素</td>
  </tr>
  <tr>
    <td>.filter(callback)</td>
    <td>回调函数callback返回true的选中元素</td>
  </tr>
  <tr>
    <td>.eq(index)</td>
    <td>从0开始计数的第index个选中元素</td>
  </tr>
  <tr>
    <td>.first()</td>
    <td>选中元素中的第一个元素</td>
  </tr>
  <tr>
    <td>.last()</td>
    <td>选中元素中的最后一个元素</td>
  </tr>
  <tr>
    <td>.slice(start, [end])</td>
    <td>从0开始计数的给定范围内的选中元素</td>
  </tr>
  <tr>
    <td>.not(selector)</td>
    <td>选中元素中与给定选择符不匹配的元素</td>
  </tr>
  <tr>
    <td>.has(selector)</td>
    <td>选中元素中有后代匹配给定选择符的元素</td>
  </tr>
</table>
<h3>C.2.2 后代元素</h3>
<table>
  <caption>
  表 C-8
  </caption>
  <tr>
    <th scope="col">遍历方法</th>
    <th scope="col">返回的jQuery对象中包含</th>
  </tr>
  <tr>
    <td>.find(selector)</td>
    <td>与给定选择符selector匹配的后代元素</td>
  </tr>
  <tr>
    <td>.contents()</td>
    <td>子节点（包括文本节点）</td>
  </tr>
  <tr>
    <td>.children(selector)</td>
    <td>子节点，可以传入可选的选择符selector进一步筛选</td>
  </tr>
</table>
<h3>C.2.3 同辈元素</h3>
<table>
  <caption>
  表 C-9
  </caption>
  <tr>
    <th scope="col">遍历方法</th>
    <th scope="col">返回的jQuery对象中包含</th>
  </tr>
  <tr>
    <td>.next([selector])</td>
    <td>每个选中元素紧邻的下一个同辈元素，可以传入可选的选择符selector进一步筛选</td>
  </tr>
  <tr>
    <td>.nextAll([selector])</td>
    <td>每个选中元素之后的所有同辈元素，可以传入可选的选择符selector进一步筛选</td>
  </tr>
  <tr>
    <td>.nextUntil([selector],[filter])</td>
    <td>没给选中元素之后、直至但不包含第一个匹配selector元素的同辈元素，可以传入可选的选择符filter进一步筛选</td>
  </tr>
  <tr>
    <td>.prev([selector])</td>
    <td>每个选中元素紧邻的上一个同辈元素，可以传入可选的选择符selector进一步筛选</td>
  </tr>
  <tr>
    <td>.prevAll([])</td>
    <td>每个选中元素之前的所有同辈元素，可以传入可选的选择符selector进一步筛选</td>
  </tr>
  <tr>
    <td>.prevUntil([],[])</td>
    <td>每个选中元素之前、直至但不包含第一个匹配selector元素的同辈元素，可以传入可选的选择符filter进一步筛选</td>
  </tr>
  <tr>
    <td>.siblings([selector])</td>
    <td>所有同辈元素，可以传入可选的选择符selector进一步筛选</td>
  </tr>
</table>
<h3>C.2.4 祖先元素</h3>
<table>
  <caption>
  表 C-10
  </caption>
  <tr>
    <th scope="col">遍历方法</th>
    <th scope="col">返回的jQuery对象中包含</th>
  </tr>
  <tr>
    <td>.parent([selector])</td>
    <td>每个选中元素的父元素，可以传入可选的选择符selector进一步筛选</td>
  </tr>
  <tr>
    <td>.parents([selector])</td>
    <td>每个选中元素的所有祖先元素，可以传入可选的选择符selector进一步筛选</td>
  </tr>
  <tr>
    <td>.parentsUntil([selector])</td>
    <td>每个选中元素的所有祖先元素、直至但不包含第一个匹配selector的祖先元素，可以传入可选的选择符filter进一步筛选</td>
  </tr>
  <tr>
    <td>.closest(selector)</td>
    <td>与选择符selector匹配的第一个元素，遍历路径从选中元素开始，沿DOM树向上在其中祖先节点中的查找</td>
  </tr>
  <tr>
    <td>.offsetParent()</td>
    <td>第一个选中元素被定位的父元素（如，通过relative或absolute定位）</td>
  </tr>
</table>
<h3>C.2.5 集合操作</h3>
<table>
  <caption>
  表 C-11
  </caption>
  <tr>
    <th scope="col">遍历方法</th>
    <th scope="col">返回的jQuery对象中包含</th>
  </tr>
  <tr>
    <td>.add(selector)</td>
    <td>选中的元素，加上与给定选择符匹配的元素</td>
  </tr>
  <tr>
    <td>.andSelf()</td>
    <td>选中的元素，加上内部jQuery栈中之前选中的那一组元素</td>
  </tr>
  <tr>
    <td>.end()</td>
    <td>内部jQuery栈中之前选中的元素</td>
  </tr>
  <tr>
    <td>.map(callback)</td>
    <td>对每个选中元素调用回调函数callback之后的结果</td>
  </tr>
  <tr>
    <td>.pushStack(elements)</td>
    <td>指定的元素</td>
  </tr>
</table>
<h3>C.2.6 操作选中的元素</h3>
<table>
  <caption>
  表 C-12
  </caption>
  <tr>
    <th scope="col">遍历方法</th>
    <th scope="col">说明</th>
  </tr>
  <tr>
    <td>.is(selector)</td>
    <td>确定匹配的元素中是否有传入的选择符匹配的元素</td>
  </tr>
  <tr>
    <td>.index()</td>
    <td>取得匹配元素相对于其同辈元素的索引</td>
  </tr>
  <tr>
    <td>.index(element)</td>
    <td>取得匹配元素中与指定元素对应的DOM节点的索引</td>
  </tr>
  <tr>
    <td>$.contains(a,b)</td>
    <td>确定DOM节点b是否包含DOM节点a</td>
  </tr>
  <tr>
    <td>.each(callback)</td>
    <td>迭代匹配的元素，针对每个元素执行callback函数</td>
  </tr>
  <tr>
    <td>.length</td>
    <td>取得匹配元素的数量</td>
  </tr>
  <tr>
    <td>.get()</td>
    <td>取得与匹配元素对应的DOM节点的列表</td>
  </tr>
  <tr>
    <td>.get(index)</td>
    <td>取得匹配元素中与指定索引对应的DOM节点</td>
  </tr>
  <tr>
    <td>.toArray()</td>
    <td>取得与匹配元素对应的DOM节点的列表</td>
  </tr>
</table>
<hr />
<h3>jQuery快速参考（索引）</h3>
<ul>
  <li><a href="./jq_n1.html">C.1 选择符表达式</a></li>
  <li><a href="./jq_n2.html">C.2 DOM遍历方法</a></li>
  <li><a href="./jq_n3.html">C.3 事件方法</a></li>
  <li><a href="./jq_n4.html">C.4 效果方法</a></li>
  <li><a href="./jq_n5.html">C.5 DOM操作方法</a></li>
  <li><a href="./jq_n6.html">C.6 AJAX方法</a></li>
  <li><a href="./jq_n7.html">C.7 延迟方法</a></li>
  <li><a href="./jq_n8.html">C.8 其他方法</a></li>
</ul>
<p>本内容收集自《jQuery基础教程<sup style="font-size:0.5em;">（第三版）</sup>》，仅自用，禁止发布与公开！</p>
</body>
</html>
